@import url("iconfont.css?v=202102131044");

.login-header .login-header-image {
  position: absolute;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.login-header .login-header-image:after {
  background-color: rgba(255, 255, 255, 0.5);
  filter: alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.login-body {
  min-height: 600px;
}

.login-layout .widget-box {
  border: 4px solid #f7f7f7;
  border-radius: 4px;
  padding: 0;
  background: transparent;
  filter: alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 100;
}

.login-footer span, .login-footer span a {
  color: #f0f0f0;
  font-weight: bold;
}

.sort-checkbox-list {
  padding-left: 0 !important;
  padding-top: 5px !important;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin: 0 !important;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.content-line a:hover {
  text-decoration: none;
  color: #ff4500 !important;
}

.search-thumbnail {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 1px solid #ddd;
  padding: 8px !important;
  line-height: 25px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  box-shadow: 1px 1px 5px #ccc;
  position: relative;
}

.search-thumbnail .thumb {
  position: relative;
}

.search-thumbnail .thumb:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.search-thumbnail .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.search-thumbnail .content-line {
  margin: -8px -5px 0;
}

.search-thumbnail .content-line .H {
  color: #f50;
}

.search-thumbnail .coupon-tags {
  line-height: 18px;
  margin: 5px 0;
}

.search-thumbnail .content-line .shop-title {
  display: block;
  line-height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 29px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin: 2px 0 0 0;
}

.search-thumbnail .content-line .content-title {
  display: block;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  font-size: 12px;
  font-weight: 300;
  color: #ff8000;
  margin: 2px 0 0 0;
}

.search-thumbnail .content-line .content-title:hover {
  color: #ff0000;
  }

.search-thumbnail:hover {
  box-shadow: 3px 3px 10px #aaa;
}

.search-thumbnail .search-title {
  margin-top: 14px;
}

.search-thumbnail h4 {
  font-size: 12px;
  line-height: 21px;
  margin-top: 0 !important;
}

.search-thumbnail .sel {
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.search-thumbnail .sel .split {
  float: left;
  width: 50% !important;
  border-left: 1px solid #ddd;
}

.search-thumbnail .sel .split:nth-child(1) {
  border-left: none;
}

.search-thumbnail .sel .selected {
  padding: 3px 0px;
  text-align: center;
}

.product-name {
  font-size: 12px;
  font-weight: 300;
  color: #666;
  display: block;
  margin: 2px 0 5px 0;
  height: 39px;
  overflow: hidden;
}

.product-name:hover, .product-name:focus {
  color: #1ab394;
}

.pplan {
  color: #1ab394 !important;
  margin-right: 2px;
}

.product-price {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  background-color: #1ab394;
  padding: 6px 12px;
  position: absolute;
  top: -32px;
  right: 0;
}

@media screen and (max-width:768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }

  .col-xs-6 {
    padding: 0 3px !important;
  }

}

@media (min-width:992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }

}

@media (min-width:1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }

}

.color-grey {
  color: #666 !important;
}

.color-grey-light {
  color: #999 !important;
}

.color-orange {
  color: #f50 !important;
}

.tag {
  height: 16px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
}

.bordered {
  border: 1px solid #ddd;
}

.bordered > tbody > tr > td {
  border: none !important;
}

.bordered tbody tr:hover {
  box-shadow: 3px 3px 10px #aaa;
}

.icon-bg {
  width: 28px;
  height: 16px;
  background-size: cover;
  float: left;
  margin: 13px 0 0 3px;
}

.shops {
  width: 100%;
  line-height: 25px;
  height: 27px;
  font-size: 14px;
  margin: 6px 0 0;
}

.shops .shop-name {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

.shops-lf, .shops-rf {
  margin: 0;
  padding: 0;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  display: inline;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

.shops-lf {
  float: left;
}

.shops-rf {
  float: right;
  text-align: right;
}

.shops-price {
  font-size: 14px;
  color: #f30;
  font-weight: 700;
}

.shops-original {
  font-size: 12px;
  text-decoration: line-through;
}

.shops-status-0{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%) grey;
}

.coupon-effective{
  padding-top:2px;
  float:right;
}
.number{
  font-size: 12px
}

.hover{
  display: block !important;
}

.operate, .sales{
  display: none;
}

.coupon {
  width: auto;
  height: 17px;
  line-height: 15px;
  font-size: 12px;
  background-color: #FFF;
  border-radius: 0 2px 2px 0;
  padding: 0 3px;
  display: inline-block;
  vertical-align: center;
}

.coupon-type-1 {
  border: 1px solid #ff4500;
  color: #ff4500;
}

.coupon-type-2 {
  border: 1px solid #2e8b57;
  color: #2e8b57;
}

.coupon-type-3 {
  border: 1px solid #ff1493;
  color: #ff1493;
}

.coupon-scope-1 {
  border: 1px solid #006400;
  color: #006400;
}

.coupon-scope-2 {
  border: 1px solid #8b4513;
  color: #8b4513;
}

.coupon-scope-3 {
  border: 1px solid #800080;
  color: #800080;
}

.coupon-scope-4 {
  border: 1px solid #b8860b;
  color: #b8860b;
}

.bordered {
  border: 1px solid #ddd;
}

.bordered > tbody > tr > td {
  border: none !important;
}

.bordered tbody tr:hover {
  box-shadow: 3px 3px 10px #aaa;
}

.settle {
  height: 70px;
}

.settle-cycle {
  z-index: 12000;
  left: 16px;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.settle-bg {
  z-index: 13000;
  bottom: 0;
  width: 100%;
  height: 54px;
  border: 1px solid #ddd;
}

.settle-cycle, .settle-bg {
  position: absolute;
  background-color: #fff;
}

.settle-bar {
  position: absolute;
  z-index: 14000;
  height: 54px;
  width: 100%;
}

.settle-bar .botcart {
  float: left;
  margin-top: 3px;
  margin-left: 20px;
  width: 60px;
  height: 60px;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  background-color: #FF8F00;
  border: 2px solid #f7f7f7;
}

.settle-bar .botcart span {
  position: absolute;
  top: 5px;
  left: 63px;
  display: block;
  min-width: 10px;
  padding: 0 6px;
  text-align: center;
  height: 18px;
  line-height: 18px;
  border-radius: 10px;
  background-color: #E53935;
  font-size: 11px;
  color: #f7f7f7;
}

.settle-bar .checkin {
  position: relative;
  float: right;
  top: 16px;
  right: 0;
  height: 54px;
  line-height: 54px;
  width: 160px;
  background-color: #FF8F00;
}

.settle-bar .checkin:hover {
  background-color: #f60;
}

.settle-bar .checkin a {
  padding: 16px 36px;
  font-size: 14px;
  color: #f7f7f7;
}

.settle-bar .checkin a:hover {
  text-decoration: none;
}

@media screen and (max-width:992px) {
  .footer-settle {
    padding: 0 !important;
  }

}

.thumbnails-selector > li {
  border: 1px solid #eee !important;
  margin: 10px;
  float: left;
  width: 96px;
  height: 96px;
  overflow: visible !important;
}

.thumbnails-selector > li img {
  max-width: 100%;
  max-height: 94px;
  -moz-box-shadow: 0 2px 4px 0 rgba(32, 32, 64, .16);
  -webkit-box-shadow: 0 2px 4px 0 rgba(32, 32, 64, .16);
  -ms-box-shadow: 0 2px 4px 0 rgba(32, 32, 64, .16);
  -o-box-shadow: 0 2px 4px 0 rgba(32, 32, 64, .16);
  box-shadow: 0 2px 4px 0 rgba(32, 32, 64, .16);
}

.thumbnails-selector > li:hover {
  box-shadow: 3px 3px 12px #ddd;
  border: 1px solid #ddd !important;
}

.thumbnails-selector li .delete span {
  font-size: 14px;
}

.thumbnails-selector li .delete {
  position: absolute;
  top: -5px;
  right: -5px;
  display: block;
  padding: 0 4px 0 5px;
  text-align: center;
  height: 18px;
  line-height: 16px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  background-color: #666;
  background-color: rgba(0, 0, 0, .4);
  color: #fff;
  display: none;
}

.thumbnails-selector li .delete:hover {
  background-color: #f50
}

.channel-selected {
  background-color: #F9A825 !important;
}

.channel-selected .caption {
  color: #fff !important;
}

.channel-href {
  cursor: pointer;
}

.sort-title {
  padding-top: 5px;
}

.checkbox-move {
  position: absolute;
  top: 5px;
  right: 0px;
  display: block;
  padding: 0 4px 0 5px;
  text-align: center;
  height: 18px;
  line-height: 16px;
  z-index: 999;
  display: none;
}

.panel-remove {
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  display: none;
  cursor: pointer;
}

.checkbox-category {
  position: relative;
  float: right;
  top: 0;
  right: 0;
  height: 54px;
  line-height: 54px;
  width: 160px;
  background-color: #FF9800;
  display: none;
}

.checkbox-category:hover {
  background-color: #f60;
}

.checkbox-category a {
  padding: 16px 36px;
  font-size: 14px;
  color: #f7f7f7;
}

.checkbox-category a:hover {
  text-decoration: none;
}


.thumbnail .caption {
  padding: 9px 9px 0;
}

.caption ul {
  list-style-type: none;
  list-style-image: none;
}


.caption .pic-list .pic {
  float: left;
  width: 58px;
  text-align: center;
  margin-left: 6px;
}

.caption .pic-list .pic img {
  width: 58px;
  height: 58px;
}

.layui-layer-hui .layui-layer-content {
  padding: 20px 25px !important;
}

.layui-layer-btn {
  padding: 0 15px 15px !important;
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: #337ab7 !important;
  background-color: #337ab7 !important;
}

.layui-layer-btn a {
  height: 36px !important;
  border-radius: 4px !important;
  margin: 0 15px !important;
  padding: 4px 20px !important;
  border: none !important;
}

.desc {
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.disabled {
  background-color: #eee !important;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.icon-sample {
  height: 45px;
  line-height: 45px;
  float: right;
}

.icon-sample span {
  padding-right: 10px;
}

.finance {
  font-style: italic;
  color: #337ab7;
  text-decoration: none;
  cursor: pointer;
}

.order-color-7 {
  background-color: #FFEBCD !important;
}

.order-color-6 {
  background-color: #FAFAD2 !important;
}

.order-color-8 {
  background-color: #F5FFFA !important;
}

.background-3rd {
  padding: 10px 0 5px;
  background-color: #ddd;
  border: 1px solid #aaa;
  border-radius: 4px;
}

[v-cloak]{
                display: none;
           }

.sku{
  clear:both;display:block;
}
.sku .btn{
  height:34px;
}

.sku .attr-group-input{
  width:230px;
}

.attr-group .attr-group-name
{
  margin:0 0 6px 0;
}

.attr-group .attr-group-name span
{
  font-weight: bold;
  height:34px;
  line-height: 31px;
  padding:6px 15px;
  background: #ededed;
  border:1px solid #ccc;
  border-radius: 4px;
}

.attr-list .attr-list-group{
  display: inline-block;width: 230px;
}

.attr-item{
    display: inline-block;
    background: #fee188;
    overflow: hidden;
    height:34px;
    line-height: 31px;
    padding:0 15px;
    border:1px solid #ffb752;
    border-radius: 4px;
    color:#996633;
    margin-right:5px;
}

.ck-editor__editable{
  min-height: 440px;
}




.uploader-input{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}